<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>登录页面</title>
</head>

<body>
  <h1>用户登录</h1>
  用户名：<input name="userName" type="text" id="userName"><br>
  密码：<input name="password" type="password" id="password"><br>
  <input type="button" value="登录" onclick="login()">
  
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
  <script>
    function login() {
        var userName = $('#userName').val();
        var password = $('#password').val();
        $.ajax({
          url:"/user/login",
          type:"post",
          data:{
            userName:userName,
            password:password
          },
          success:function(result) {
              if(result) {
                location.href="index.html";
              }else {
                alert("用户名或密码输入错误")
              }
          }
        });
    }

  </script>
</body>

</html>